import React, { Component } from 'react';
import Header from './components/Header';
import Home   from './components/Home';

import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    let content="jack";
    if(true)
    {
      content ="\npaul\n";
    }

   const user={

   name:'anna',
   hobbies:["sports","music"]

   }

    return (
      <div className="container">  
        <div className="row">
            <div className="col-xs-1 col-xs-offset-11">
                   <h1>hello world</h1>

            </div>
         </div>
        <div className="row">
            <div className="col-xs-1 col-xs-offset-11">
                   <Home  name={"max"} initialAge={12} user={user} >
                       <p>i am a children</p>  
                   </Home>

            </div>
         </div>
        <div className="row">
            <div className="col-xs-1 col-xs-offset-11">
                   <Header/>
                   {2+4}
                   {content}
            </div>
         </div>
      </div>
    );
  }
}

export default App;
